import React, { Component } from 'react';

// 非受控组件的例子
class App extends Component {
  // 1. 创建 一个 ref
  constructor(props){
    super(props);
    this.inputRef = React.createRef();
  }
  render() {
    return (
      <div>
        {/*2. 将 ref 绑定到 input 元素上*/}
        <input type="text" ref={this.inputRef}/>
        <button onClick={()=>{
          // 3.通过 this.inputRef.current 获取表单中的元素
          console.log(this.inputRef.current.value);
        }}>获取表单中输入值</button>
      </div>
    );
  }
}

export default App;
